<template>
  <div class="double-rotate">
    <svg
      width="182"
      height="152"
      viewBox="0 0 182 152"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <g id="Group 22">
        <path
          id="bottom"
          d="M157.176 120.782C157.57 121.708 157.838 122.65 157.974 123.606L156.984 123.747C157.047 124.186 157.079 124.629 157.079 125.074C157.079 125.519 157.047 125.961 156.984 126.4L157.974 126.542C157.838 127.497 157.57 128.439 157.176 129.365L156.256 128.974C155.916 129.774 155.47 130.569 154.92 131.356L155.74 131.929C155.202 132.7 154.575 133.457 153.864 134.198L153.142 133.505C152.52 134.154 151.827 134.793 151.065 135.422L151.701 136.193C150.973 136.793 150.188 137.381 149.349 137.955L148.784 137.129C148.02 137.652 147.208 138.164 146.349 138.665L146.853 139.529C146.031 140.008 145.169 140.476 144.27 140.933L143.817 140.041C142.98 140.465 142.109 140.88 141.205 141.284L141.612 142.197C140.735 142.588 139.829 142.97 138.894 143.34L138.526 142.41C137.642 142.761 136.732 143.101 135.798 143.432L136.131 144.374C135.224 144.695 134.294 145.006 133.343 145.307L133.041 144.354C132.132 144.642 131.201 144.921 130.252 145.19L130.525 146.152C129.595 146.416 128.647 146.671 127.682 146.916L127.435 145.947C126.505 146.183 125.559 146.411 124.597 146.629L124.819 147.604C123.873 147.819 122.913 148.024 121.939 148.221L121.741 147.241C120.797 147.432 119.84 147.614 118.87 147.787L119.046 148.772C118.09 148.942 117.121 149.105 116.141 149.258L115.986 148.27C115.032 148.42 114.068 148.561 113.092 148.693L113.227 149.684C112.262 149.815 111.288 149.938 110.304 150.052L110.189 149.059C109.228 149.17 108.257 149.273 107.278 149.368L107.374 150.363C106.404 150.457 105.425 150.543 104.439 150.62L104.361 149.623C103.395 149.699 102.421 149.766 101.44 149.825L101.5 150.823C100.527 150.882 99.5478 150.932 98.5617 150.975L98.5191 149.975C97.5505 150.017 96.5756 150.05 95.5948 150.075L95.6202 151.075C94.6446 151.099 93.6632 151.116 92.6766 151.124L92.6681 150.124C92.1797 150.129 91.69 150.131 91.1991 150.131C90.7081 150.131 90.2184 150.129 89.73 150.124L89.7215 151.124C88.7349 151.116 87.7536 151.099 86.7779 151.075L86.8033 150.075C85.8226 150.05 84.8476 150.017 83.879 149.975L83.8364 150.975C82.8503 150.932 81.8707 150.882 80.8979 150.823L80.9581 149.825C79.9772 149.766 79.0035 149.699 78.0374 149.623L77.9594 150.62C76.9729 150.543 75.9942 150.457 75.0239 150.363L75.1202 149.368C74.1411 149.273 73.1706 149.17 72.2094 149.059L72.0942 150.052C71.1103 149.938 70.1358 149.815 69.1715 149.684L69.3061 148.693C68.3306 148.561 67.3656 148.42 66.4118 148.27L66.257 149.258C65.277 149.105 64.3086 148.942 63.3523 148.772L63.5281 147.787C62.5581 147.614 61.6009 147.432 60.6571 147.241L60.4591 148.221C59.485 148.024 58.5249 147.819 57.5796 147.604L57.801 146.629C56.839 146.411 55.8927 146.183 54.9628 145.947L54.7166 146.916C53.7514 146.671 52.8034 146.416 51.8736 146.152L52.1465 145.19C51.1968 144.921 50.2666 144.642 49.3569 144.354L49.0551 145.307C48.1038 145.006 47.1741 144.695 46.2672 144.374L46.6005 143.432C45.6657 143.101 44.756 142.761 43.8726 142.41L43.5041 143.34C42.5694 142.97 41.6628 142.588 40.7858 142.197L41.1935 141.284C40.2891 140.88 39.4177 140.465 38.581 140.041L38.1286 140.933C37.229 140.476 36.3674 140.008 35.5454 139.529L36.0492 138.665C35.1903 138.164 34.3779 137.652 33.6138 137.129L33.0494 137.955C32.21 137.381 31.425 136.793 30.6972 136.193L31.3333 135.421C30.571 134.793 29.8778 134.154 29.2557 133.505L28.5342 134.198C27.8231 133.457 27.1961 132.7 26.6577 131.929L27.4777 131.356C26.9281 130.569 26.4825 129.774 26.1423 128.974L25.2221 129.365C24.8284 128.439 24.5599 127.497 24.4237 126.542L25.4137 126.4C25.351 125.961 25.3193 125.519 25.3193 125.074C25.3193 124.629 25.351 124.186 25.4137 123.747L24.4237 123.606C24.5599 122.65 24.8284 121.708 25.2221 120.782L26.1423 121.174C26.4825 120.374 26.9281 119.579 27.4777 118.791L26.6578 118.219C27.1961 117.447 27.8231 116.69 28.5342 115.949L29.2557 116.642C29.8778 115.994 30.5711 115.354 31.3333 114.726L30.6972 113.954C31.4251 113.354 32.21 112.766 33.0494 112.193L33.6138 113.018C34.3779 112.496 35.1903 111.983 36.0492 111.482L35.5454 110.619C36.3674 110.139 37.229 109.671 38.1286 109.215L38.581 110.106C39.4177 109.682 40.2891 109.268 41.1936 108.864L40.7858 107.951C41.6628 107.559 42.5694 107.178 43.5041 106.807L43.8726 107.737C44.756 107.387 45.6657 107.046 46.6005 106.716L46.2672 105.773C47.1741 105.452 48.1038 105.141 49.0551 104.84L49.3568 105.793C50.2666 105.505 51.1967 105.226 52.1465 104.957L51.8736 103.995C52.8034 103.731 53.7514 103.476 54.7166 103.231L54.9628 104.2C55.8927 103.964 56.839 103.737 57.801 103.518L57.5796 102.543C58.5249 102.329 59.485 102.123 60.4591 101.926L60.6571 102.906C61.6009 102.716 62.5581 102.533 63.5281 102.36L63.3522 101.376C64.3086 101.205 65.277 101.043 66.257 100.889L66.4118 101.877C67.3656 101.727 68.3306 101.586 69.3061 101.454L69.1714 100.463C70.1358 100.332 71.1103 100.209 72.0942 100.095L72.2093 101.089C73.1706 100.977 74.1411 100.874 75.1202 100.779L75.0239 99.7838C75.9942 99.6899 76.9729 99.6043 77.9594 99.5271L78.0374 100.524C79.0035 100.448 79.9772 100.381 80.958 100.322L80.8979 99.3238C81.8706 99.2652 82.8503 99.2148 83.8364 99.1727L83.879 100.172C84.8476 100.13 85.8225 100.097 86.8033 100.072L86.7779 99.0726C87.7535 99.0478 88.7349 99.0312 89.7215 99.0228L89.73 100.023C90.2184 100.019 90.7081 100.017 91.1991 100.017C91.69 100.017 92.1797 100.019 92.6681 100.023L92.6766 99.0228C93.6632 99.0312 94.6446 99.0478 95.6202 99.0726L95.5948 100.072C96.5756 100.097 97.5505 100.13 98.5191 100.172L98.5617 99.1727C99.5478 99.2148 100.527 99.2652 101.5 99.3238L101.44 100.322C102.421 100.381 103.395 100.448 104.361 100.524L104.439 99.5271C105.425 99.6043 106.404 99.6899 107.374 99.7838L107.278 100.779C108.257 100.874 109.228 100.977 110.189 101.089L110.304 100.095C111.288 100.209 112.262 100.332 113.227 100.463L113.092 101.454C114.068 101.586 115.032 101.727 115.986 101.877L116.141 100.889C117.121 101.043 118.09 101.205 119.046 101.376L118.87 102.36C119.84 102.533 120.797 102.716 121.741 102.906L121.939 101.926C122.913 102.123 123.873 102.329 124.819 102.543L124.597 103.518C125.559 103.737 126.505 103.964 127.435 104.2L127.682 103.231C128.647 103.476 129.595 103.731 130.525 103.995L130.252 104.957C131.201 105.226 132.132 105.505 133.041 105.793L133.343 104.84C134.294 105.141 135.224 105.452 136.131 105.773L135.798 106.716C136.732 107.046 137.642 107.387 138.526 107.737L138.894 106.807C139.829 107.178 140.735 107.559 141.612 107.951L141.205 108.864C142.109 109.268 142.98 109.682 143.817 110.106L144.27 109.215C145.169 109.671 146.031 110.139 146.853 110.619L146.349 111.482C147.208 111.983 148.02 112.496 148.784 113.018L149.349 112.193C150.188 112.766 150.973 113.354 151.701 113.954L151.065 114.726C151.827 115.354 152.52 115.994 153.142 116.642L153.864 115.949C154.575 116.69 155.202 117.447 155.74 118.219L154.92 118.791C155.47 119.579 155.916 120.374 156.256 121.174L157.176 120.782Z"
          fill="#96E0FF"
          fill-opacity="0.05"
          stroke="url(#paint0_linear_1696_5888)"
          stroke-width="2"
          stroke-dasharray="3 3"
        />
        <g id="&#231;&#188;&#150;&#231;&#187;&#132; 41&#229;&#164;&#135;&#228;&#187;&#189; 5">
          <g id="&#231;&#188;&#150;&#231;&#187;&#132; 19">
            <ellipse
              id="&#230;&#164;&#173;&#229;&#156;&#134;&#229;&#189;&#162;_2"
              cx="91.5323"
              cy="102.057"
              rx="55.9063"
              ry="20.7009"
              fill="url(#paint1_linear_1696_5888)"
              fill-opacity="0.95"
            />
            <path
              id="&#232;&#183;&#175;&#229;&#190;&#132;"
              fill-rule="evenodd"
              clip-rule="evenodd"
              d="M147.439 120.257L147.247 120.257C144.879 130.79 120.839 139.068 91.5323 139.068L89.7803 139.058L88.0239 139.028C60.3273 138.398 38.0902 130.367 35.8174 120.257L35.626 120.257C35.626 120.257 35.626 100.871 35.626 101.446C35.626 112.78 60.6561 121.967 91.5323 121.967C122.408 121.967 147.439 112.78 147.439 101.446C147.439 100.871 147.439 120.257 147.439 120.257Z"
              fill="url(#paint2_linear_1696_5888)"
            />
            <path
              id="&#230;&#164;&#173;&#229;&#156;&#134;&#229;&#189;&#162;_3"
              d="M138.144 101.429C138.144 103.471 136.95 105.488 134.625 107.391C132.304 109.291 128.914 111.024 124.682 112.49C116.221 115.419 104.501 117.239 91.532 117.239C78.5627 117.239 66.8426 115.419 58.3823 112.49C54.1498 111.024 50.7603 109.291 48.4389 107.391C46.1138 105.488 44.9199 103.471 44.9199 101.429C44.9199 99.3883 46.1138 97.3709 48.4389 95.4678C50.7603 93.5678 54.1498 91.8344 58.3823 90.3691C66.8426 87.4403 78.5627 85.6196 91.532 85.6196C104.501 85.6196 116.221 87.4403 124.682 90.3691C128.914 91.8344 132.304 93.5678 134.625 95.4678C136.95 97.3709 138.144 99.3883 138.144 101.429Z"
              fill="white"
              fill-opacity="0.01"
              stroke="url(#paint3_linear_1696_5888)"
            />
            <path
              id="&#232;&#183;&#175;&#229;&#190;&#132;_2"
              opacity="0.39574"
              fill-rule="evenodd"
              clip-rule="evenodd"
              d="M21.7295 17.3711H161.336L147.439 102.026C147.439 113.475 122.409 122.757 91.5329 122.757C60.6567 122.757 35.6266 113.475 35.6266 102.026L21.7295 17.3711Z"
              fill="url(#paint4_linear_1696_5888)"
            />
            <path
              id="path-left"
              d="M167.072 100.909C165.29 104.78 161.57 107.651 156.159 109.447C150.746 111.245 143.735 111.931 135.575 111.484C119.262 110.591 98.5716 105.183 77.3988 95.4363C56.226 85.6899 38.6628 73.4886 27.3757 61.6766C21.73 55.7684 17.6917 49.9962 15.537 44.7152C13.3831 39.4363 13.1448 34.743 14.9267 30.8722C16.7085 27.0015 20.4288 24.1304 25.8397 22.3338C31.2528 20.5365 38.2639 19.8506 46.4237 20.2974C62.7369 21.1906 83.4273 26.5984 104.6 36.3449C125.773 46.0913 143.336 58.2926 154.623 70.1045C160.269 76.0128 164.307 81.785 166.462 87.066C168.616 92.3449 168.854 97.0382 167.072 100.909Z"
              stroke="url(#paint5_linear_1696_5888)"
              stroke-width="2"
            />
            <path
              id="path-right"
              d="M172.091 46.5393C173.193 50.6552 172.166 55.241 169.152 60.0806C166.137 64.922 161.182 69.9298 154.62 74.8003C141.502 84.5375 122.131 93.5991 99.6166 99.6318C77.1024 105.664 55.7961 107.502 39.5662 105.629C31.4481 104.692 24.6534 102.832 19.6213 100.147C14.5913 97.4631 11.409 94.0052 10.3061 89.8893C9.20325 85.7733 10.2303 81.1875 13.2443 76.348C16.2596 71.5065 21.2143 66.4988 27.7762 61.6283C40.8951 51.891 60.2659 42.8294 82.78 36.7968C105.294 30.7641 126.601 28.9263 142.83 30.7996C150.949 31.7366 157.743 33.596 162.775 36.2813C167.805 38.9654 170.988 42.4233 172.091 46.5393Z"
              stroke="url(#paint6_linear_1696_5888)"
              stroke-width="2"
            />
            <g id="dot-right">
              <circle r="3.47427" fill="#FFDE66">
                <animateMotion dur="4s" repeatCount="indefinite">
                  <mpath href="#path-right" />
                </animateMotion>
              </circle>
            </g>
            <g id="dot-left">
              <circle r="3.47427" fill="#FFDE66">
                <animateMotion dur="4s" repeatCount="indefinite">
                  <mpath href="#path-left" />
                </animateMotion>
              </circle>
            </g>
          </g>
        </g>
      </g>
      <defs>
        <filter
          id="filter0_d_1696_5888"
          x="162.501"
          y="46.7007"
          width="18.9482"
          height="18.9487"
          filterUnits="userSpaceOnUse"
          color-interpolation-filters="sRGB"
        >
          <feFlood flood-opacity="0" result="BackgroundImageFix" />
          <feColorMatrix
            in="SourceAlpha"
            type="matrix"
            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
            result="hardAlpha"
          />
          <feMorphology
            radius="1"
            operator="dilate"
            in="SourceAlpha"
            result="effect1_dropShadow_1696_5888"
          />
          <feOffset />
          <feGaussianBlur stdDeviation="2.5" />
          <feColorMatrix
            type="matrix"
            values="0 0 0 0 1 0 0 0 0 0.833988 0 0 0 0 0.116406 0 0 0 0.5 0"
          />
          <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1696_5888" />
          <feBlend
            mode="normal"
            in="SourceGraphic"
            in2="effect1_dropShadow_1696_5888"
            result="shape"
          />
        </filter>
        <filter
          id="filter1_d_1696_5888"
          x="14.8457"
          y="49.5879"
          width="18.9482"
          height="18.9487"
          filterUnits="userSpaceOnUse"
          color-interpolation-filters="sRGB"
        >
          <feFlood flood-opacity="0" result="BackgroundImageFix" />
          <feColorMatrix
            in="SourceAlpha"
            type="matrix"
            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
            result="hardAlpha"
          />
          <feMorphology
            radius="1"
            operator="dilate"
            in="SourceAlpha"
            result="effect1_dropShadow_1696_5888"
          />
          <feOffset />
          <feGaussianBlur stdDeviation="2.5" />
          <feColorMatrix
            type="matrix"
            values="0 0 0 0 1 0 0 0 0 0.833988 0 0 0 0 0.116406 0 0 0 0.5 0"
          />
          <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1696_5888" />
          <feBlend
            mode="normal"
            in="SourceGraphic"
            in2="effect1_dropShadow_1696_5888"
            result="shape"
          />
        </filter>
        <linearGradient
          id="paint0_linear_1696_5888"
          x1="177.321"
          y1="126.75"
          x2="150.794"
          y2="62.7215"
          gradientUnits="userSpaceOnUse"
        >
          <stop stop-color="#67D0F9" />
          <stop offset="1" stop-color="#67D0F9" stop-opacity="0.01" />
        </linearGradient>
        <linearGradient
          id="paint1_linear_1696_5888"
          x1="26.9123"
          y1="117.7"
          x2="124.203"
          y2="158.653"
          gradientUnits="userSpaceOnUse"
        >
          <stop stop-color="#0C5E44" />
          <stop offset="1" stop-color="#1B8778" />
        </linearGradient>
        <linearGradient
          id="paint2_linear_1696_5888"
          x1="147.439"
          y1="101.43"
          x2="35.626"
          y2="101.43"
          gradientUnits="userSpaceOnUse"
        >
          <stop stop-color="#105849" />
          <stop offset="1" stop-color="#59D4D8" />
          <stop offset="1" stop-color="#D7E7FF" stop-opacity="0.798213" />
        </linearGradient>
        <linearGradient
          id="paint3_linear_1696_5888"
          x1="152.199"
          y1="102.479"
          x2="136.976"
          y2="61.1266"
          gradientUnits="userSpaceOnUse"
        >
          <stop stop-color="#25A088" />
          <stop offset="1" stop-color="#024E47" stop-opacity="0.01" />
        </linearGradient>
        <linearGradient
          id="paint4_linear_1696_5888"
          x1="35.6266"
          y1="17.3711"
          x2="35.6266"
          y2="122.757"
          gradientUnits="userSpaceOnUse"
        >
          <stop stop-color="#67D0F9" stop-opacity="0.01" />
          <stop stop-color="#67D0F9" stop-opacity="0.01" />
          <stop offset="0.598626" stop-color="#67D0F9" stop-opacity="0.398" />
          <stop offset="0.859742" stop-color="#67D0F9" stop-opacity="0.202715" />
          <stop offset="1" stop-color="#67D0F9" stop-opacity="0.01" />
        </linearGradient>
        <linearGradient
          id="paint5_linear_1696_5888"
          x1="50.177"
          y1="80.777"
          x2="73.2122"
          y2="43.62"
          gradientUnits="userSpaceOnUse"
        >
          <stop stop-color="#67D0F9" />
          <stop offset="1" stop-color="#67D0F9" stop-opacity="0.01" />
        </linearGradient>
        <linearGradient
          id="paint6_linear_1696_5888"
          x1="197.166"
          y1="42.0535"
          x2="142.618"
          y2="-28.2321"
          gradientUnits="userSpaceOnUse"
        >
          <stop stop-color="#67D0F9" />
          <stop offset="1" stop-color="#67D0F9" stop-opacity="0.01" />
        </linearGradient>
      </defs>
    </svg>
  </div>
</template>

<script>
export default {
  props: {},
  components: {},
  data() {
    return {};
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {},
};
</script>

<style scoped lang="less">
/* 为bottom路径添加流动效果 */
#bottom {
  animation: flow 3s linear infinite;
}

@keyframes flow {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: 12; /* 这个值应该是stroke-dasharray的总长度(3+3=6)的倍数 */
  }
}

/* 为发光点添加发光效果 */
#dot-right circle,
#dot-left circle {
  filter: drop-shadow(0 0 6px #ffde66) drop-shadow(0 0 12px #ffde66);
}
</style>
